<template>
  <div>
    <input type="text" v-model="messsage" placeholder="输入信息...">
    <span>{{ messsage }}</span>
    <br>
    <hr>
    <textarea v-model="mulMes" placeholder="输入多行信息..."></textarea>
    <span>{{ mulMes }}</span>
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
  setup () {
    const state = reactive({
      messsage: '',
      mulMes:''
    })
  
    return {
      ...toRefs(state),
    }
  }
}
</script>

<style lang="scss" scoped>

</style>